import React, { Component } from 'react'
import Son from './components/Son'
import TestProps from './components/TestProps'

export default class App extends Component {
    /*
        父组件传递数据给子组件步骤：
        1. 将数据以标签属性的方式，绑定到子组件调用标签身上.
        2. 在子组件中通过props接收
            (1) 类组件：this.props
            (2) 函数组件：

        3. 父组件重新渲染，子组件无条件重新渲染(render会被调用)
        
    */
    state = {
        count:10
    }
    render() {
        console.log('App run')
        return (
            <>
                <h3>App</h3>
                <p>App count: {this.state.count}</p>
                <p><button onClick={()=>{
                    this.setState({
                        count:this.state.count + 1
                    })
                }}>count++</button></p>

                <hr />
                <TestProps count={this.state.count} msg={'atguigu'}/>
                <hr />
                <Son tte="123213" msg={'atguigu'} age={10}/>
            </>
        )
    }
}
